<template>
  <div id="navbar">
    <div class="nav-left"><slot name="nav-left"></slot></div>
    <div class="nav-center">
      <slot name="nav-center">
        <div>首页</div>
      </slot>
    </div>
    <div class="nav-right"><slot name="nav-right"></slot></div>
  </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';

export default {
  name:"NavBar"
}
</script>
<style scoped>
#navbar{
  display: flex;
  text-align: center;
  line-height: 2.75rem;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
}
.nav-left, .nav-right{
  width: 3.75rem;
}
.nav-center{
  flex: 1;
}
 
</style>